<template>
 yaoyongjie
  <el-table :data="tableData" style="width: 70%" height="250"  >
      <el-table-column fixed prop="date" label="时间" width="150" />
      <el-table-column prop="name" label="请假类型" width="120" />
      <el-table-column prop="state" label="请假状态" width="120" />
	  <el-table-column prop="state" label="请假原因" width="120" />
    </el-table>
	<el-table :data="tableData" style="width: 70%" height="250">
	    <el-table-column fixed prop="name" label="姓名" width="150" />
	    <el-table-column prop="date" label="签到时间" width="120" />
		 <el-table-column prop="date" label="签退时间" width="120" />
		
	  
	  </el-table>
	  <el-button type="success">一建打卡</el-button>
</template>
<script setup>
const tableData = [
  {
    date: '2016-05-03',
    name: 'Tom',
    state: 'California',
    city: 'Los Angeles',
    address: 'No. 189, Grove St, Los Angeles',
    zip: 'CA 90036',
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    state: 'California',
    city: 'Los Angeles',
    address: 'No. 189, Grove St, Los Angeles',
    zip: 'CA 90036',
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    state: 'California',
    city: 'Los Angeles',
    address: 'No. 189, Grove St, Los Angeles',
    zip: 'CA 90036',
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    state: 'California',
    city: 'Los Angeles',
    address: 'No. 189, Grove St, Los Angeles',
    zip: 'CA 90036',
  },
  {
    date: '2016-05-08',
    name: 'Tom',
    state: 'California',
    city: 'Los Angeles',
    address: 'No. 189, Grove St, Los Angeles',
    zip: 'CA 90036',
  },
  {
    date: '2016-05-06',
    name: 'Tom',
    state: 'California',
    city: 'Los Angeles',
    address: 'No. 189, Grove St, Los Angeles',
    zip: 'CA 90036',
  },
  {
    date: '2016-05-07',
    name: 'Tom',
    state: 'California',
    city: 'Los Angeles',
    address: 'No. 189, Grove St, Los Angeles',
    zip: 'CA 90036',
  },
]
</script>
